導讀:1.送給交互新人們的“五字訣”:一曰“點”:每個控件本身屬性和觸發方式;舉例:比如一個輸入框,本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態等,而觸發方式需要考
發表日期:2019-06-11
文章編輯:興田科技
瀏覽次數:12016
標簽:
1.送給交互新人們的“五字訣”:
一曰“點”:每個控件本身屬性和觸發方式;
舉例:比如一個輸入框,本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態等,而觸發方式需要考慮切換焦點到輸入框內和如何離開等(這里的控件不一定是輸入框,可能是按鈕,也可能是文字鏈接等等等),要點,是希望交互設計師們,先仔細的思考清楚每個控件的本身和存在價值。
二曰“連”:控件和控件之間的關系和交互;
舉例:常見的比如注冊界面,用戶協議,復選框沒有勾選同意時,注冊提交按鈕是灰色不可點狀態,第二要點,說的就是控件與控件之間的先后、從屬、交互關系。
三曰“面”:頁面本身的主題或主流程目標;
舉例:任何一個頁面,都是為了一個或多個目標而存在的,哪怕如會員中心頁這類聚合頁,它的目標是聚合和承載,以及快速的鏈接各個功能點,第三要點,說的就是在交互設計時,當你研究清楚每個控件本身和空間之間關系后,需要著重思考的是,這個頁面本身的目的是什么?文案和信息結構,以及控件,是否可以清楚的暗示或明示用戶按你設計的走下去,并達到目標?比如注冊頁面這類目的比較的流程型交互流,我們要做的是,確保用戶可以輕松和準確的一步步向下,不要中斷、返回和跳出,這樣的交互思考下,交互的輕重強弱,自然隨著第三點頁面主題而清晰明了。
四曰“地”:主要控件觸發后本地交互校驗;
舉例:繼續拿注冊頁面來看,假設步頁面是手機號的校驗,在點擊下一步時,其實交互上沒有時間和服務器端做連接,而是先對手機號的輸入框做了一次本地校驗,校驗的是輸入框內的數字是否滿11位,開頭是否為三大運營商號段等,這次校驗,就叫本地校驗。
為何設置本地校驗?
降低不必要服務器交互成本;
提升交互出錯時的反饋速度。
所以,第四要點告訴大家的就是,在交互設計時,一些涉及向服務器交互的重要按鈕(動作),或者一些可以在輸入完就做判斷的輸入內容,可以先在本地做一次校驗,而不是一股腦的塞給服務器去判斷,服務器和程序猿哥哥都不喜歡這樣的孩子。
五曰“天”:本地校驗成功之后服務端校驗。
舉例:多拉轟的第五要點!和地面部隊交鋒成功后,我們終于迎來的后一步,向服務器提交,也就是和服務器端做交互,交互類型包括很多,如注冊就屬于表單的提交和校驗,服務器一旦校驗完成,就是反饋結果和允許跳轉,同時提交的表單會被記錄到相應的數據庫中,整個交互的目的也就真正的完成了。
在這個終點到來之前,交互設計師們,千萬謹記,這一步看似簡單,其實兇險萬分,要充分考慮各種情況下的校驗反饋,如傳遞到一般斷網了?注冊成功返回時服務器崩潰了?注冊時顯示有問題?等等等,同時要考慮在各種情況下,是停留在本地,還是跳轉,或者增加一些引導提示幫助找回狀態,所以和“天”溝通,實則不易,千萬不要功敗垂成!
后,來個口訣串起來,別說觀主土,觀主酷愛武俠,和馬云粑粑一樣!
口訣:兩點一連就是線,多線一合就是面,換面還須先入地,上天實則兇險!(呦西,還押韻了。。。)
這個武俠BI裝的不錯,自我評價99分,多1分怕驕傲!不說了,馬云粑粑要來幼兒園接藕了!
2.觀主是如何學習產品和交互的?
多做,多想,多錯,多改。
觀主這7年多的職業生涯,只看了兩本半的書,無數的產品經理問過這個問題,也追問了是哪兩本書,在這里分享下書名《體驗經濟》、《星巴克體驗》,還半本《一路向前》。
觀主不是學院派出身,任何理論知識,你們聽著新鮮的原因,是因為都是自己總結的,書上沒出現過,頂多雷同,所以你們聽著新鮮,哈哈哈。
觀主這七年,剛畢業時是文案策劃,一路做到現在,無非在重復一個流程:上去干,干不了想,干錯了改,改完以后不犯,下次繼續直接上去干!
如果非說有什么不同,觀主可能更信奉兩點:“一千次空想不如一次實干”,上面的流程就是知名佐證,另外一點就是“道法自然”,觀主畢竟是道家的嘛,所以法天法地法萬物。
觀主的學習方法,是在日常生活中,任何場景下,觀察身邊的一切,去思考他們或者它們背后的邏輯和原因。
比如家附近新開了一家燒臘店,觀主在出門次看到時,就思考了很多問題,比如它為什么是個燒臘店?它的客戶是誰?真正的客戶會是誰?它的客戶復購率如何?它的產品應該如何定位和定價?如果我是老板如何增加銷量?等等等,一大堆問題。
又比如,今晚在星巴克買咖啡時,看到亂哄哄的吧臺,觀主就思考了很多點,比如:咖啡師在做巧克力原漿時,是否可以拿到里面去做?避免制作過程的不拘小節被用戶看到等等。
很多人老愛問這個問題,今晚統一作答了,后希望大家,多做生活的有心人,觀主做產品經理第二年時,就愛和人說,多體會生活,懂生活就懂產品,那時,沒人信!現在,你們還不信嗎?騷年們!享受生活吧!畢竟你們的產品是為了生活和大眾服務,有什么比生活更好的老師嗎?
上一篇:
扁平化網站設計有哪些要素,適合哪些行業上一篇:
網站代運營的優勢在哪里更多新聞
2020
網站上線之前需要做的準備工作有很多,包括內容的校對,網站有沒有BUG,網站的兼容性等等,有沒有錯誤鏈接,以及用戶體驗是否做的足夠好等等。今天,大連網站建設公司總結了以下需要重
View details
2023
引言在當今數字化時代,擁有一個響應迅速、易于導航且具有出色設計的網站對于企業的成功至關重要。。大連網...
View details
2023
1. 大連網站建設的價值在當今數字化時代,擁有一個專業、具有吸引力和功能強大的網站對于任何企業或組織...
View details
2020
2016年將是整個奢侈品行業進一步結構化調整的一年,品牌多極化趨勢將進一步呈現,而消費者也將獲得前所未有的尊重和重視。財富品質研究院日前公布《2015奢侈品報告》并做出以下
View details